<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>留言</title>
		<link rel="stylesheet" href="css/shouye.css" />
		<style>
			.logo {
            overflow: hidden; /* 清除浮动 */
        }
        .l {
            float: left; /* 左图浮动到左边 */
        }
        .r {
            float: right; /* 右图浮动到右边 */
        }
        .messages{
        	width: 100%;
        	height:450px ;
        	background-color: yellow;
        	display: flex;
        	justify-content: space-between;
        }
        .messages img{
        	width: 33%;
        }
        .messages.inputs{
        	width:40% ;
        	height: 65px;
        }
        .messages ul{
        	list-style: none;
        }
        .messages ul li{
        	width: 100%;
        	display: flex;
        	margin: 10px;
        	justify-content: space-between;
        }
        .messages ul li span{
        	width: 10%;
        	font-size: 15px;
        }
        .messages ul li input,textarea{
        	width: 90%;
        	height: 35px;
        	text-indent: 2em;
        	border: 1px solid lightgray;
        }
        textarea{
        	height: 250px;
        	padding-top: 10px;
        	resize: none;
        }
        
        .messages p {
        	margin-top: 40px;
        }
         .messages p input{
         	width: 200px;
         	height: 30px;
         	border: transparent;
         	margin-right: 50px;
         }
		</style>
		<title></title>
	</head>
	<body>
		<div class="aaa">
			<div class="logo">
				<img src="img/tubiao.jpg" width="150" height="200" class="l"/>
				<img src="img/6.jpg"width="1205" height="200" class="r"/>
			</div>
			<div class="nav">
				<ul>
					<li><a href="shouye.html">首页</a></li>
					<li><a href="02.html">人物</a></li>
					<li><a href="03.html">相册</a></li>
					<li><a href="04.html">剧情</a></li>
					<li class="active"><a href="05.html">留言</a></li>
				</ul>
			</div>
			</div>
			<div class="tit">在线留言</div>
			<div class="messages">
			<img src="img/z.jpg" style="margin-left: 0;padding-left: 0;"/>
			<div class="inputs">
				<ul>
					<li>
						<span>用户名：</span>
						<input type="text" placeholder="请输入您的用户名....." />
					</li>
					
					<li>
						<span>邮箱：</span>
						<input type="email" placeholder="请输入您的邮箱....." />
					</li>
					
					<li>
						<span>内容：</span>
						<textarea name="" placeholder="请输入您的留言....." id="" cols="30" rows="10"></textarea>
					</li>
					<p>
						<input type="submit" name="" id="" value="提交" />
						<input type="reset" value="重置"/>
					</p>
				</ul>
				
			</div>
			</div>
			<div class="foot">
				熊出没 @ 版权所有 -2025 杨迪2410250238
			</div>
	</body>
</html>
